<template>
  <div class="bottom-box">
    <div></div>
    <dl class="btns-box">
      <dd v-if="type == 1 && ing === 1" class="btn"><icon name="el-icon-VideoPause" /><span class="sp" @click="$emit('stop')">中断对话</span></dd>
      <dd class="btn wap" v-if="again"><icon name="el-icon-Refresh" /><span class="sp" @click="$emit('again')">重新生成</span></dd>
      <dd v-if="type == 1" class="btn btn1"><icon name="el-icon-CopyDocument" /><span class="sp" @click="copy(content)">复制</span></dd>
      <dd v-else class="btn btn1"><icon name="el-icon-Share" /><span class="sp" @click="copy(src,'分享的图片链接已在剪切板里')">分享</span></dd>
      <dd v-if="src" class="btn btn2"><icon name="el-icon-Download" /><span class="sp" @click="downImage(src)">下载</span></dd>
    </dl>
  </div>
</template>
<script lang="ts" setup>
import { defineProps, defineExpose} from 'vue';
import { copy, downImage} from '@/utils/util';
defineProps({
  type:{
    type:Number, // 1-文本， 2-图片
    default:1,
  },
  content:{
    type:String,
    default:'',
  },
  src:{
    type:String,
    default:'',
  },
  ing:{
    type:Number,
    default:0, // 前按钮状态 0-无发送内容， 1-回答中 2-回答结束 3-中断回答
  },
  again:{
    type:Boolean,
    default:false, // 前按钮状态 0-无发送内容， 1-回答中 2-回答结束 3-中断回答
  },
})
defineExpose({
  copy,
  downImage
})
</script>
<style lang="scss" scoped>
 @import '@/assets/styles/airesult-btn.scss'; // 确保路径正确
</style>